<!--
 * @description  : 案件信息
 * @descriptionDetail: 案件信息
 * @copyright    : 浙江烟草
 * @author       : dw
 * @create       : 2022-10-09 22:21:21
-->
<template>
  <view class="case-info">
    <u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          查获单位:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.orgShortName||'/' }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          案件性质:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.handleProcName ||'/' }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          案件编号:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.caseCode ||'/' }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          案件名称:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.caseName ||'/' }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          案件来源:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.caseSourceName||'/' }}
        </view>
      </u-col>
    </u-row>

    <u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          案值(元):
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.caseTotalVal ||'/' }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          案由:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.caseProperty ||'/' }}
        </view>
      </u-col>
    </u-row><u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          当事人:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.party ||'/' }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="case-content">
      <u-col span="3">
        <view class="msg-title text-sty">
          案发日期:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ connection.modifyTime ||'/' }}
        </view>
      </u-col>
    </u-row>
  </view>
</template>

<script>
export default {
  props:{
    connection:{
      type:Object,
      default:() => {},
    },
  },
  size:{
    type:[String,Number,],
    default:() => {},
  },
}
</script>

<style lang="scss" scoped>
.case-info{
  font-size:16px;
  border-bottom:2rpx solid #cccccc;
  margin-bottom: 18rpx;
}
.case-content{
  padding:5px 0px;
}
.msg-title{
  color:#717579;
}
.text-sty{
  text-align: left;
}
</style>
